.container-table{
    position: relative;
    .table-option-btn{
        position: absolute;
        z-index: 5;
        right: 0;
        top: 13px;
        padding: 0 4px;
        &:hover{
            background: #f3f4f6;
            cursor: pointer;
        }
    }
}

.table-top{
    text-align: right;
    padding: 16px;
    display: flex;
    align-items: center;
    position: relative;
    background: #fff;
    >.left{
        text-align: left;
        flex: 1;
        min-height: 28px;
    }
    >.right{
        text-align: right;
        position: relative;
        z-index: 1;
        min-height: 28px;
    }
}

.table-conter{
    position: relative;
}

.my-td-item{
    height: 48px;
    display: flex;
    align-items: center;
}

.td-item{
    &.link-item, .link-item{
        text-decoration: underline;
        //font-weight: bold;
        &:hover{
            cursor: pointer;
            //font-weight: bold;
            opacity: .7;
        }
    }
}

.table-bottom{
    display: flex;
    align-items: center;
    padding: 12px 10px;
    >.left{
        flex: 1;
    }
    >.right{
        flex: initial;
    }
}

.avatar{
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.num-link{
    color: #e08221;
    font-weight: bold;
    text-align: center;
    >span{
        display: block;
        width: 100%;
        height: 100%;
        &.ok{
            &:hover{
                cursor: pointer;
                background: #ececec;
            }
        }
    }
}

.click-link{
    text-decoration: underline;
    cursor: pointer;
}